<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <style>
   *{
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .header{
        height: 69px;
        background:#ffffff;
    }
    .header ul{
        float: right;
        margin-top: 20px;
    }
    .header li{
        float: left;
        margin-right: 22px;
    }
    .header a{
        color: #333;
        line-height: 65px;
    }
    .logo img{
        margin-top: -39px;
        margin-left: 490px;
        margin-bottom: 40px;
    }
    .input_text{
        width: 497px;
        height: 40px;
        border: 1px solid #b8b8b8;
        padding: 0px;
        outline: none;
        float: left;
    }
    .input_submit{
        width: 100px;
        height: 42px;
        background: #3385ff;
        border: 0px;
        float: left;
        cursor: pointer;
    }
    .cc li{
        float: left;
        margin-right: 25px;
        text-align: center;
    }
    .aa li{
        float: left;
        margin-right: 25px;
        text-align: center;
    }
    span{
                position: absolute;
                left:940px;
                top:346px;
                width: 19px;
                height: 19px;
                background: url('images/camera_new_5606e8f.png') no-repeat;
    }
    </style>
</head>
<body>
    <!-- 1 -->
    <div class="header">
        <ul>
            <li>新闻</li>
            <li>hao123</li>
            <li>地图</li>
            <li>视频</li>
            <li>贴吧</li>
            <li>登录</li>
            <li>设置</li>
            <li>更多产品</li>
           
        </ul>
    </div>
    <a class="logo" href="https://www.baidu.com/"> <img src=".//images/bd_logo1.png" alt=""> </a>
    <ul style="height: 40px; width:600px; margin-left: 465px;">
         <!-- 父级相对定位 -->
        <li style="position: relative;">

        <!-- 子级绝对定位 -->
            <!-- <img src=".//images/camera_new_5606e8f.png" style="position: absolute; margin-left: 380px; width: 20px;" alt=""> -->
            <input type="text" name="" id="" class="input_text" placeholder="百度一下"></li>
            <span></span>
        <li><input type="submit" name="" id="" value="搜索" class="input_submit"></li>
    </ul>
    <img src=".//images/zbios_efde696.png" style="margin-top:65px; margin-left: 729px;;" alt="">
    <h4 style=" margin-left: 726px; margin-top: 0px; margin-bottom: 55px;">手机百度</h4>
    <ul class="cc" style="float: left; margin-left: 520px;">
        <li>把百度设为主页</li>
        <li>关于百度</li>
        <li>About  Baidu</li>
        <li>百度推广</li>
    </ul>
    <br><br>
    <ul class="aa" style="float: left; margin-left: 380px;">
        <li>©2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号</li>
        <li>京公网安备11000002000001号</li>
    </ul>
</body>
</html>